<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			<!--1-->
			<h1 :style="{color:'red','font-weight':200 }">这是一个h11</h1>
			<!--2-->
			<h1 :style='styleObject'>这是一个h12</h1>
			<!--3-->
			<h1 :style='[styleObject,styleObject2]'>这是一个h13</h1>
		</div>
	</body>
	<script>
		var vm=new Vue({
			el:"#app",
			data:{
				styleObject:{color:"red","font-weight":200 },
				styleObject2:{"font-style":'italic'}
			},
			methods:{
				
			}
		});
	</script>
</html>